<script type="text/javascript">
      $(function(){

        // Accordion
        $("#accordion").accordion({ header: "h3", autoHeight: false,active: false});

        //hover states on the static widgets
        $('#dialog_link, ul#icons li').hover(
          function() { $(this).addClass('ui-state-hover'); },
          function() { $(this).removeClass('ui-state-hover'); }
        );

      });
    </script>

<div style="width:610px; height:570px; border: 1px blue solid; margin-top:-9px; overflow:auto;">
  

      <h2 class="demoHeaders">Historial</h2>
      <div id="accordion">
      <?php foreach($listHistory  as $aplication): ?>
      <div >
        <h3><a href="#"><?php echo $aplication['nameAplication'] ?></a></h3>    
        <div>
            <?php foreach($aplication['arrayDetalle'] as $row): ?>
                <?php echo $row['title'].'<br/>'; ?>
            <?php endforeach;?>
        </div>
      </div>
      <?php endforeach; ?>
      </div>



</div>